<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>待办事项</title>
<meta name="keywords" content="智数宝,智数宝平台,大数据,便利店" />
<meta name="description" content="行业领导者,便利店大数据,O2O" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, user-scalable=0" />
<meta
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"
	name="viewport" />
<!-- basic styles -->
<script src="${basePath!}/genius/ICalendar/js/lCalendar.js"></script>
<link rel="stylesheet" href="${basePath!}/genius/ICalendar/css/lCalendar.css">

<link rel="stylesheet" href="${basePath!}/genius/layui/css/layuimobile.css">
<link href="${basePath!}/genius/style/mobile_page/assets/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/font-awesome.min.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/font-awesome-4.7.0/css/font-awesome.min.css" />

<link rel="stylesheet" type="text/css" href="${basePath!}/genius/style/mobile_page/bz_style.css">
<!--[if IE 7]>
		  <link rel="stylesheet" href="../jhcvs_new/assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

<!-- page specific plugin styles -->

<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/jquery-ui-1.10.3.custom.min.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/jquery.gritter.css" />

<!-- fonts -->

<!-- ace styles -->

<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/ace.min.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/ace-rtl.min.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/ace-skins.min.css" />


<style>

@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    }


.spinner-preview {
	width: 100px;
	height: 100px;
	text-align: center;
	margin-top: 60px;
}

.dropdown-preview {
	margin: 0 5px;
	display: inline-block;
}

.dropdown-preview>.dropdown-menu {
	display: block;
	position: static;
	margin-bottom: 5px;
}

.pull-left{
	width: 97%;
    margin: 0 auto;
    height: 60px;
}

.no-border{
	width:58px;
	height:29px;
}

.no-border img{
	width:100%;
}

.widget-main{
	width:100%;
}

.widget-main img{
	width:24%;
	margin-right:0.2%;
	margin-bottom:1%;
}

.col_box{
	width:100%;
	/* margin-bottom:15px; */
	padding-bottom:20px;
/*  	margin-bottom:-10px;
 	padding-top:10px; */
	border-bottom:0px #f5f5f5 solid;
}

.widget-header-flat {
    background: rgba(255,255,255,1);
}

.rowbox{
	width:100%;
	height:46px;
	line-height:44px;
	background-color:#fff;
	margin-bottom:10px;
}

.row_w30{
	width:50%;
	float:left;
	border-bottom:2px #fff solid;
	position:relative;
	text-align:center;
	font-size:16px;
}
.row_w20{
	width:25%;
	float:left;
	border-bottom:2px #fff solid;
	position:relative;
	text-align:center;
	font-size:16px;
}

.add_bd_o{
	border-bottom:2px #ffaa2e solid;
}

.nb_box{
	position:absolute;
	padding:3px 3px;
	width:20px;
	height:20px;
	line-height:14px;
	top:13px;
	right:15px;
	background-color:#e12228;
	color:#fff;
	font-size:14px;
	border-radius:12px;
	text-align:center;
}

.add_box{
	width:100%;
	height:36px;
	line-height:36px;
	text-align:center;
	border-radius:4px;
	color:#669fc7;
	margin:3% 0;
	background-color:#fff;
}

.widget-box{
margin: 0px
}

.widget-header-small>.widget-toolbar{
line-height: 40px
}

.panel-title{
	color:#599ef8!important;
}

.widget-header{
	color:#599ef8!important;
}



</style>


<link rel="stylesheet" type="text/css"  href="${basePath!}/genius/style/mobile_page/css/iconfont.css" />
<link rel="stylesheet" type="text/css"  href="${basePath!}/genius/style/mobile_page/iconfont_hygl/iconfont.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/use_style.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/cai.css" />
<!-- ace settings handler -->

<script src="${basePath!}/genius/style/mobile_page/assets/js/ace-extra.min.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

<!--[if lt IE 9]>
		<script src="../jhcvs_new/assets/js/html5shiv.js"></script>
		<script src="../jhcvs_new/assets/js/respond.min.js"></script>
		<![endif]-->
		
		
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	
</head>

<body>
	<div class="navbar navbar-default" id="navbar">
		<script type="text/javascript">
				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
			</script>

		<div class="navbar-container" id="navbar-container">

			<!-- /.logo -->
			<div class="navbar-header" style="line-height: 28px;">
				<h  class="navbar-brand"> 
				<small><span class="title_data"><i class="iconfont">&#xe61e;</i>&nbsp;姓名:</span>
						<span class="title_data" id="name"></span>
				</small> </h>
		<!--  		<div class="navbar-brand" style="float:right;padding-right: 5px">
					<span class="title_data">日期</span>
					<input id="searchDate" name="searchDate" style="width: 105px" type="search" placeholder="yyyy-MM-dd" />
				</div>-->
			</div>
			<!-- /.navbar-header -->

		</div>
		<!-- /.container -->
	</div>

	<!--顶部数据-->
	<div style="position: relative">
		<!-- /.顶部数据 -->
	</div>
	<div class="main-container" id="main-container">
		<div class="main-container-inner">
			<div class="main-content">
				<div class="page-content">
					<div class="row">
					
						<div class="rowbox bg_white" id="menuDiv">
							<div class="row_w30 orange add_bd_o" showType="wei">
								<i class="iconfont">&#xe606;</i>&nbsp;
								<span>待办事项</span>
								<div class="nb_box" id = "nbbox"></div>
								</div>
							<div class="row_w30" showType="yi">
								<i class="iconfont">&#xe612;</i>&nbsp;
								<span>已完成</span>
							</div>
							<div class="clearfix"></div>
						</div>
						
			
						
	<div id = "daibanid">					
	<div class="panel-group" id="accordion">
	<div class="panel panel-default">
		<div class="panel-heading bg_white add_pos_re add_pad_tb20p bg_blue">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion"  style="color:#fff;" 
				   href="#collapseOne">
				<i class="iconfont">&#xe60b;</i>&nbsp;未完成 <div style="width:350px;margin-top:-17px">&nbsp;</div><div class="nb_box" id="sumOne" style="display:none"></div>
				</a>
			</h4>
			
			
		</div>
		<div id="collapseOne" class="panel-collapse collapse in">
			<div class="col-xs-12" id="weiDiv">	</div>	
		</div>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading bg_white add_pos_re add_pad_tb20p bg_blue">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion"   style="color:#fff;"
				   href="#collapseTwo">
			<i class="iconfont">&#xe65f;</i>&nbsp;未回复    <div style="width:350px;margin-top:-17px">&nbsp;</div> <div class="nb_box"  id="sumTwo" style="display:none"></div>                                                      
				</a>
			</h4>
			
		
		</div>
		<div id="collapseTwo" class="panel-collapse collapse">
			<div class="col-xs-12" id="weihfDiv" ></div>
		</div>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading bg_white add_pos_re add_pad_tb20p bg_blue">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion"   style="color:#fff;"
				   href="#collapseThree">
			<i class="iconfont">&#xe6bb;</i>&nbsp;已回复 <div style="width:350px;margin-top:-17px">&nbsp;</div><div class="nb_box" id="sumThree" style="display:none"></div>
				</a>
			</h4>
			
			
		</div>
		<div id="collapseThree" class="panel-collapse collapse">
			<div class="col-xs-12" id="yihfDiv" ></div>
		</div>
	</div>
			<div class="panel panel-default">
			<div class="panel-heading bg_white add_pos_re add_pad_tb20p bg_blue">
				<h4 class="panel-title">
					<a data-toggle="collapse" data-parent="#accordion"  style="color:#fff;width:350px"
					   href="#collapseFour">
				<i class="iconfont">&#xe6ab;</i>&nbsp;个人计划  <div style="width:350px;margin-top:-17px">&nbsp;</div><div class="nb_box" id="sumFour" style="display:none"></div>
					</a>
				</h4>
			
			
			</div>
			<div id="collapseFour" class="panel-collapse collapse">
				<div class="col-xs-12" id="gerenDiv" >	</div>
			</div>
		  </div>
		  
	
	
   </div>
</div>		
						
						
						<div class="col-xs-12" id="yiDiv" style="display: none">
									
						<div class="data-md" style="padding-bottom: 0px;">
						
						  <a style="width: 30%;margin-top: 1px;height: 35px;line-height:34px; padding:0 0;margin-left:7px" class="btn1 btn-warning btn-baifen"id="month">本月</a>
						   <a style="width: 30%;margin-top: 1px;height: 35px;line-height:34px; padding:0 0;margin-left:7px" class="btn1 btn-warning btn-baifen"id="week">本周</a>
						    <a style="width: 30%;margin-top: 1px;height: 35px;line-height:34px; padding:0 0;margin-left:7px" class="btn1 btn-warning btn-baifen"id="custom">查询条件</a>
						</div>	
						<div class="data-md" id="renyiriqibox" style="padding-bottom: 0px;display:none">
							<div>
								<input type="text" id="startDate" class="pull-left"
									style="width: 38%; margin-right: 2%" readonly="readonly" /> <input
									type="text" class="pull-left" id="endDate"
									style="width: 38%; margin-right: 2%" readonly="readonly" /> <a
									style="width: 20%;margin-top: 1px;height: 35px" class="btn1 btn-warning btn-baifen"
									id="searchButton">查询</a>
							</div>
						</div>
						<div  id="resultDiv" >
					<!--  		<div class="col_box">
								<div>
									<div class="widget-box">
										<div class="widget-header widget-header-flat widget-header-small">
											<h5>工作内容</h5>
											<input type="text" readonly="readonly" id="content" autocomplete="off"   class="pull-right" style="width: 78%;margin-right: 2%"/>
										</div>
									</div>
								</div>	
								<div>
									<div class="widget-box">
										<div class="widget-header widget-header-flat widget-header-small ">
											<h5>截止时间</h5>
											<input type="text"  readonly="readonly" id="pno"  autocomplete="off"   class="pull-right  layui-input " style="width: 78%;margin-right: 2%"/>          
										</div>
									</div>
								</div>
								<div>
									<div class="widget-box">
						       			<div class="widget-header widget-header-flat widget-header-small">
											<h5>完成时间</h5>
											<input type="text" readonly="readonly" id="enddate" class="pull-right" autocomplete="off" style="width: 78%;margin-right: 2%"/>            
										</div>
									</div>

								</div>
								<div>
									<div class="widget-box">
						       			<div class="widget-header widget-header-flat widget-header-small">
											<h5>结果说明</h5>
											<input type="text" readonly="readonly" id="enddate" class="pull-right" autocomplete="off" style="width: 78%;margin-right: 2%"/>            
										</div>
									</div>
	
								</div>
								<div>
									<div class="widget-box">
										<div class="widget-header widget-header-flat widget-header-small">
											<h5>附件</h5>                                       
<!-- 	                                       <div class="widget-toolbar no-border" id="img" name="img">  -->
<!-- 												<img src="${basePath!}/genius/style/mobile_page/assets/images/photo.png" /> -->
<!-- 											</div>
										</div>
										<div class="widget-body">
											<div class="widget-main" id="paizhapoUrl">
	 											<div class="wig_img"> 
													<div class="img_box"> 
														<img alt="100x100" src="${basePath!}/genius/style/mobile_page/assets/images/gallery/thumb-1.jpg" />
<!-- 														<img class="close_b" src="${basePath!}/genius/style/mobile_page/assets/images/close.png">  
													</div> 
												</div> 
									 		<div class="clearfix"></div>
											</div>
										</div>
									</div>
								</div>
							</div>-->
							</div>	
						</div>
						<!-- /.col -->
					</div>
					<!-- /.row -->
				</div>
				<!-- /.page-content -->
			</div>
			</div>
		</div>
		<script type="text/javascript">
			window.jQuery || document.write("<script src='${basePath!}/genius/style/mobile_page/assets/js/jquery-2.0.3.min.js'>"+"<"+"script>");
		</script>

		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='${basePath!}/genius/style/mobile_page/assets/js/jquery.mobile.custom.min.js'>"+"<"+"script>");
		</script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/bootstrap.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/typeahead-bs2.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/jquery.slimscroll.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/jquery.easy-pie-chart.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/jquery.sparkline.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/flot/jquery.flot.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/flot/jquery.flot.pie.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/flot/jquery.flot.resize.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/ace-elements.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/ace.min.js"></script>
		<script type="text/javascript"
			src="http://g.alicdn.com/dingding/dingtalk-jsapi/2.6.41/dingtalk.open.js"
			language="javascript" charset="utf-8"></script>
		<script type="text/javascript" src="${basePath!}/genius/js/dingding/dingdingmenu.js"></script>
		
		<script type="text/javascript" src="${basePath!}/genius/js/dingding/jquery.jSelectDate.js"></script>
		<script src="${basePath!}/genius/layui/layui.all.js" charset="utf-8"></script>

  
		<script type="text/javascript" src='${basePath!}/genius/style/mobile_page/assets/js/search/jquery.min.js'></script>
		<script type="text/javascript" src="${basePath!}/genius/style/mobile_page/assets/js/search/index.js"></script>
		<script>var sessionname ='${currentUser.name}';	var sessionid ='${currentUser.userId!}';</script>
		<script> 
	    document.write("<script type='text/javascript' src='${basePath!}/genius/js/mobile_page/work_plan_info/work_content_search.js?v="+Math.random()+"'><\/script>");  
		</script>
		 
</body>
</html>

